﻿html, body, div, span, applet, object, iframe, h1, h2, h3,h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, 
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

html,body {
    font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;
    color: #333;
	/*font:14px/1.5;*/
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}

input, textarea,input {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-appearance:none; 
    border-radius:0;
    font-family:"Microsoft YaHei";
}

a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #333;
  	-webkit-tap-highlight-color: transparent;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

ol, ul {
    list-style: none;
}

hr {
    margin: 0;
    padding: 0;
    border: 0;
    color: #000;
    background-color: #000;
    height: 1px
}
.none{
	display:none;
}
.hidden{
	visibility: hidden;
}

.Absolute-Center {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.clearfix::before, .clearfix::after {
    content: "";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

/*.clear {*/
  /*clear: both;*/
  /*height: 0px;*/
  /*font-size: 0px;*/
  /*line-height: 0px;*/
  /*overflow: hidden; */
/*}*/
  /**/
/*.clearfix:after {*/
    /*content: "";*/
    /*display: block;*/
    /*height: 0;*/
    /*clear: both;*/
    /*visibility: hidden;*/
/*}*/

/*.clearfix:after {*/
    /*clear: both;*/
/*}*/

/*.clearfix {*/
    /*zoom: 1;*/
/*}/!* IE 6/7 *!/ */
.fl {
    float: left;
}

.fr {
    float: right;
}
/*单行文本省略号*/
.word{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
/*多行文本省略号*/
.words{
display:-webkit-box;
/*display: box;*/
overflow:hidden;
text-overflow:ellipsis;
word-break:break-all;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
/*垂直居中*/
.ycenter{
align-items:center;
display:-webkit-flex;
}
/*水平居中*/
.xcenter{
justify-content:center;
display:-webkit-flex;
}
/*正向转圈  反向转圈*/
@-webkit-keyframes qn {
    0% {
        -webkit-transform: translate(-50%,-50%) rotateZ(0deg)
    }
    100% {
        -webkit-transform: translate(-50%,-50%) rotateZ(360deg)
    }
}
@-webkit-keyframes qw {
    0% {
        -webkit-transform: translate(-50%,-50%) rotateZ(0deg)
    }
    100% {
        -webkit-transform: translate(-50%,-50%) rotateZ(-360deg)
    }
}
.kp_qw{
    -webkit-animation:qw 8s linear 0s infinite;
}
.kp_qn{
    -webkit-animation:rotate 8s linear 0s infinite;
}
/*1rem 等于24px*/
@media screen and (min-width:320px) and (max-width:375px) {
html {
	font-size: 11px;
}
}

@media screen and (min-width:376px) and (max-width:414px) {
html {
	font-size: 13px
}
}

@media screen and (min-width:415px) and (max-width:639px) {
html {
	font-size: 15px
}
}

@media screen and (min-width:640px) and (max-width:719px) {
html {
	font-size: 20px
}
}

@media screen and (min-width:720px) and (max-width:749px) {
html {
	font-size: 22.5px
}
}

@media screen and (min-width:750px) and (max-width:799px) {
html {
	font-size: 23.5px
}
}

@media screen and (min-width:800px) and (max-width:970px){
html {
	font-size: 28px
}
}
@media screen and (min-width:971px) {
html {
	font-size: 31px
}
}